<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单验证2</title>
		<script>
		    function songhuo(p){
				if(p.value=='送货'){
					document.getElementById("address").removeAttribute("disabled");
					//document.getElementById("address").setAttribute("required",true);
					//document.getElementById("address").pattern="\\w{4,200}";
				}else{
					document.getElementById("address").value="";
					document.getElementById("address").setAttribute("disabled",true);
				}
			}
			function checkF(f){
				let ar=document.getElementsByName("tiqu");
				if(ar[0].checked){
					if(document.getElementById("address").value.length<4){
						alert("地址少于4个字符");
						return false;
					}
				}
				return true;
			}
		</script>
	</head>
	<body>
		<!--
		 如果选中的是送货到家，则地址可输入，且必须填；
		 如果选中 自提，则地址不可输入；默认是 自提
		 -->
		<form action="3.html" onsubmit="return checkF(this)">
			<p>
				感谢您在家乐福的购物，您买了 充气城堡
			</p>
			<p>
				<input type="radio" name="tiqu"  value="送货" onclick="songhuo(this)"/>送货到家
				<input type="radio" name="tiqu" checked value="自提"  onclick="songhuo(this)"/>门店自提
				地址:<input type="text" name="address" disabled id="address"/>
			</p>
			<p>
				<input type="submit"  value="提交" />
			</p>
		</form>
	</body>
</html>
